<template>
  <div class="gg">
    <div class="d">
      <div class="d1">
        <div class="d2">
          <div class="d3">
            <img src="../assets/首页_slices/打造前程标志(1).jpg" />
          </div>
          <div class="d4">
            <li>首页</li>
            <li>集团概况</li>
            <li>集团产业</li>
            <li>集团新闻</li>
            <li>合作院校</li>
            <li>联系我们</li>
            <li>招聘信息</li>
          </div>
        </div>
      </div>
      <div class="d5">
        <div class="d6">
          <h1>集团产业 · 企业文化</h1>
        </div>
      </div>
      <div class="d7">
        <div class="d8">
          <h2>当前位置：首页 > 新闻中心 ></h2>
        </div>
      </div>
    </div>
    <div class="e">
      <div class="e1">
        <div class="e2">
          <div class="e3">科技板块</div>
        </div>
        <div class="e4">
          <div class="e5">
            <div class="e6">
              <div class="e7">
                以科技为引擎，以创新为动力，依托云计算、大数据、人工智能等前沿技术，携手华为、阿里、H3C、浪潮、锐捷等IT行业巨头，为智慧城市、智慧校园的建设和运营提供软硬件一体化解决方案，致力于成为“智慧城市、智慧校园”的践行者。
              </div>
              <div class="e8">
                集团公司科技板块契合国家数字化经济发展方向，积极探索，不断拓展，联合华为、阿里等国际一流信息化企业，围绕智慧教育、智慧城市等智慧化建设，提供全面的解决方案。深耕教育、政府行业等领域，专注于教育教学产品研发、智慧校园、人脸识别、软件产品研发、ICT实训室、智慧城市、智慧医疗、人才外包、云服务综合提供商等方向，致力于打造综合性智慧化服务平台，为客户提供高效、便捷、个性化的智慧环境。
                紧跟国家信息化发展趋势，依托云计算、大数据、人工智能、移动互联、物联网等新型技术，结合不同的应用场景需求，为府、教育、交通、医疗、金融等行业提供个性化的解决方案，致力于将最新的产品和最先进的技术应用到各行各业的数字化转型中。携手行业合作伙伴，共同服务于各行各业的数字化发展，助力智慧建设。例如，为高校建设“环境智慧化、教学智慧化、学习智化、管理智慧化、生活智慧化“为核心的智慧校园，提供实验室建设、人才培养、课程建设、师资培训、产业学院建设等一系列端到端全方位的教学辅助服务等。
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="f">
      <div class="f1">
        <div class="f2">教育信息化</div>
      </div>
      <div class="f3">
        <div class="f4">
          <div class="f5">
            <img src="../assets/科技_slices/实训室.png" />
          </div>
          <div class="f6">
            <div class="f7">教学实训平台解决方案</div>
            <div class="f8">
              依据院校专业方向，提供网络、安全、云计算、大数据、人工智能等全系列ICT实训综合解决方案，教学实训平台的设计全面落实“产、学、用、监、评”一体化的思想和模式，从教学、实践、使用、监控、评估等多方面注重专业人才和特色人才的培养。学生可以通过在教学平台的学习熟练掌握ICT实训综合解决方案的基础知识，并能运用掌握的知识在课程实验中进行动手实践。
            </div>
          </div>
        </div>
        <div class="f9">
          <div class="f10">
            <div class="f11">智慧教育云平台解决方案</div>
            <div class="f12">
              智慧教育云平台是为适应ICT时代的教学和学习需求，提供一个在线学习、在线实训、在线考试等综合服务的智慧教育平台。本平台聚集ICT行业在线教育、云上实训、基础教学、职业认证、就业指导等，致力于教育信息化建设，全面推动教育现代化，构建新时代教育的新生态。
            </div>
          </div>
          <div class="f13">
            <img src="../assets/科技_slices/机房3.png" />
          </div>
        </div>
        <div class="f14">
          <div class="f15">
            <img
              src="../assets/科技_slices/摄图网_500574440_banner_云计算（非企业商用）.png"
            />
          </div>
          <div class="f16">
            <div class="f17">数据中心解决方案</div>
            <div class="f18">
              当前，人类社会正逐步迈向智能时代，新技术、新业务层出不穷，这使得企业的IT基础设施不断面临升级、扩容乃至重构的压力。同时，AI技术的广泛应用（人脸识别、机器学习等）又带来了对GPU、FPGA等异构计算资源的庞大需求，IT设备数量的快速增长则给数据中心带来了节能减排的压力。因此，建设一个高性能、智能、节能的数据中心势在必行。公司顺
              应行业发展趋势，通过从能源、硬件到软件的全方位创新，提供完整的云数据中心解决方案。
            </div>
          </div>
        </div>
        <div class="f19">
          <div class="f20">
            <div class="f21">智慧校园解决方案</div>
            <div class="f22">
              <div class="f23">
                <div class="f24">
                  <h1>智慧班牌</h1>
                </div>
                <div class="f25"><h1>智慧教室</h1></div>
                <div class="f26"><h2>校园管理平台</h2></div>
              </div>
              <div class="f27">
                <div class="f28">
                  <h3>无线校园</h3>
                </div>
                <div class="f29">
                  <h3>校园安防</h3>
                </div>
              </div>
            </div>
          </div>
          <div class="f30">
            <img src="../assets/科技_slices/室内6.png" />
          </div>
        </div>
      </div>
    </div>
    <div class="g">
      <div class="g1">
        <div class="g2">
          <div class="g3">城市信息化</div>
          <div class="g4">
            智慧城市是把新一代信息技术充分运用在城市中各行各业基于知识社会下一代创新（创新2.0）的城市信息化高级形态，实现信息化、工业化与城镇化深度融合，有助于缓解“大城市病”，提高城镇化质量，实现精细化和动态管理，并提升城市管理成效和改善市民生活质量。
          </div>
        </div>
        <div class="g5">
          <div class="g6">
            <div class="g7">
              <img src="../assets/科技_slices/人脸识别.png" />
            </div>
            <div class="g9">
              <p>人脸识别班牌</p>
              <h1>
                人脸识别班牌是当今校园文化建设、数字化建设的系统之一。学校为每个教室配置一个前端班牌一体机，一般安装在教室门口或教室内，用来显示班级信息、当前课程信息、班级活动信息以及学校的通知信息。
              </h1>
            </div>
          </div>
          <div class="g10">
            <div class="g11">
              <img src="../assets/科技_slices/日 历 (1).png" />
            </div>
            <div class="g12">
              <p>智慧迎新系统</p>
              <h1>
                致力于实现高校在新生报名时，方便有效的办理入学、在各地均可进行交纳学费、预选宿舍等功能。移动化服务支持学生、管理员、领导通过一部手机完成90%的工作。
              </h1>
            </div>
          </div>
          <div class="g13">
            <div class="g14">
              <img src="../assets/科技_slices/考试.png" />
            </div>
            <div class="g15">
              <p>单招考务管理系统</p>
              <h1>
                单招考务管理系统包含考生报名智能填报、考生自助服务、智慧考务管理、数据统计分析等功能。
              </h1>
            </div>
          </div>
        </div>
        <div class="g16">
          <div class="g17">
            <img src="../assets/科技_slices/编组 9.png" />
          </div>
          <div class="g18">
            <img src="../assets/科技_slices/编组 9.png" />
          </div>
          <div class="g19">
            <img src="../assets/科技_slices/编组 9.png" />
          </div>
        </div>
      </div>
    </div>
    <div class="xu">
      <div class="xu1">
        <div class="xu2">华为云</div>
      </div>
      <div class="xu3">
        <div class="xu4">
          携手华为专业、安全、可信的云计算产品，全球领先的研发创新能力，满足更广泛业务需求的行业解决方案，建设和谐共赢的云生态系统。
        </div>
        <div class="xu5">
          <div class="xu6">
            <div class="xu7">
              <div class="xu8">云计算</div>
              <div class="xu9">
                <h1>弹性云服务器 云容器引</h1>
                <h2>弹性伸缩服务 镜像服务 专属云</h2>
              </div>
            </div>
            <div class="xu10">
              <div class="xu11">云储存</div>
              <div class="xu12">
                <h1>云硬盘 对象储存服务 云硬盘备份</h1>
                <h2>云服务器备份 数据快递服务 弹性文件服务</h2>
              </div>
            </div>
          </div>
          <div class="xu13">
            <img src="../assets/科技_slices/编组 11.png" />
          </div>
          <div class="xu14">
            <div class="xu15">
              <div class="xu16">云安全</div>
              <div class="xu17">
                <h1>Anti-DDos流量清洗 漏洞扫描服务 安全指数服务</h1>
                <h2>企业主机安全 WEB应用防火墙 数据库安全服务</h2>
              </div>
            </div>
            <div class="xu18">
              <div class="xu19">云数据库</div>
              <div class="xu20">
                <h1>云数据库MySQL 分部式缓存服务 文档数据库服务</h1>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="xu21">
        <p>云网络</p>
        <h1>虚拟私有云  弹性负载均衡  虚拟专用网络</h1>
      </div>
    </div>
    <BeauTial></BeauTial>
  </div>
</template>

<script>
import BeauTial from "/桌面/dzqc/src/components/BeauTial.vue";
export default {
  name: "LxWm",
  components: {
    BeauTial,
  },
};
</script>

<style scoped>
.d {
  width: 1920px;
  height: 428px;
  /* border: 1px solid red; */
}
.d1 {
  width: 1920px;
  height: 56px;
  margin-top: 23px;
  display: flex;
  /* border: 1px solid red; */
}
.d2 {
  width: 1200px;
  height: 54px;
  display: flex;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.d3 {
  margin-top: -6px;
}
.d4 {
  width: 656px;
  height: 22px;
  display: flex;
  margin-left: 363px;
  list-style-type: none;
  margin-top: 16px;
  /* border: 1px solid red; */
}
.d4 li {
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 22px;
  padding-left: 34px;
}
.d5 {
  width: 1920px;
  height: 300px;
  background: url(../assets/科技_slices/矿山.png);
  /* border: 1px solid red; */
}
.d6 {
  width: 320px;
  height: 78px;
  padding-top: 115px;
  margin-left: 852px;
  /* border: 1px solid red; */
}
.d6 h1 {
  font-size: 36px;
  font-weight: 500;
  color: #ffffff;
  line-height: 50px;
}
.d7 {
  width: 1920px;
  height: 46px;
  /* border: 1px solid red; */
}
.d8 {
  width: 227px;
  height: 17px;
  margin-left: 360px;
  margin-top: 15px;
  border: 1px solid white;
}
.d8 h2 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 2px;
}
.e {
  width: 1920px;
  height: 760px;
  /* border: 1px solid red; */
}
.e1 {
  width: 1200px;
  height: 684px;
  margin-left: 360px;
  margin-top: 64px;
  /* border: 1px solid red; */
}
.e2 {
  width: 1200px;
  height: 45px;
  /* border: 1px solid red;/ */
}
.e3 {
  width: 160px;
  height: 45px;
  margin-left: 520px;
  font-size: 32px;
  color: #444444;
  /* border: 1px solid red; */
}
.e4 {
  width: 1200px;
  height: 594px;
  margin-top: 45px;
  /* border: 1px solid red; */
}
.e5 {
  width: 1000px;
  height: 520px;
  margin-left: 200px;
  position: relative;
  background: url(../assets/科技_slices/26.png);
  /* border: 1px solid red; */
}
.e6 {
  width: 720px;
  height: 504px;
  position: absolute;
  top: 90px;
  right: 440px;
  background: #f8f8f8;
  /* border: 1px solid red; */
}
.e7 {
  width: 640px;
  height: 96px;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 32px;
  margin-left: 40px;
  margin-top: 36px;
}
.e8 {
  width: 640px;
  height: 308px;
  font-size: 14px;
  font-weight: 400;
  color: #444444;
  line-height: 28px;
  margin-left: 40px;
  margin-top: 24px;
}
.f {
  width: 1920px;
  height: 1650px;
  background: #f8f8f8;
  /* border: 1px solid red; */
}
.f1 {
  width: 1200px;
  height: 45px;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.f2 {
  width: 160px;
  height: 45px;
  margin-left: 520px;
  font-size: 32px;
  font-weight: 500;
  color: #444444;
  line-height: 45px;
  /* border: 1px solid red; */
}
.f3 {
  width: 1200px;
  height: 1480px;
  margin-left: 360px;
  margin-top: 45px;
  /* border: 1px solid red; */
}
.f4,
.f9,
.f14,
.f19 {
  width: 1200px;
  height: 340px;
  display: flex;
  /* border: 1px solid red; */
}
.f9,
.f14,
.f19 {
  margin-top: 40px;
}
.f5,
.f13,
.f15,
.f30 {
  width: 460px;
  height: 340px;
  /* border: 1px solid red; */
}
.f6,
.f10,
.f16,
.f20 {
  width: 740px;
  height: 340px;
  background: #ffffff;
  /* border: 1px solid red; */
}
.f7,
.f11,
.f17,
.f21 {
  width: 240px;
  height: 33px;
  font-size: 24px;
  font-weight: 500;
  color: #444444;
  line-height: 33px;
  margin-left: 86px;
  margin-top: 72px;
  /* border: 1px solid red; */
}
.f8,
.f12,
.f18 {
  width: 568px;
  height: 140px;
  font-size: 14px;
  font-weight: 400;
  color: #444444;
  line-height: 28px;
  margin-left: 86px;
  margin-top: 24px;
  /* border: 1px solid red; */
}
.f22 {
  width: 540px;
  height: 104px;
  margin-top: 40px;
  margin-left: 86px;
  /* border: 1px solid red; */
}
.f23 {
  width: 540px;
  height: 40px;
  display: flex;
  /* border: 1px solid red; */
}
.f24,
.f25,
.f28,
.f29 {
  width: 140px;
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
}
.f25,
.f29 {
  margin-left: 24px;
}
.f24 h1,
.f25 h1,
.f28 h3,
.f29 h3 {
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #444444;
  line-height: 22px;
  margin-left: 38px;
}
.f26 {
  width: 172px;
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
  margin-left: 24px;
  border: 1px solid #d7d7d7;
}
.f26 h2 {
  width: 96px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #444444;
  line-height: 22px;
}
.f27 {
  width: 304px;
  height: 40px;
  margin-top: 24px;
  display: flex;
  /* border: 1px solid red; */
}
.g {
  width: 1920px;
  height: 883px;
  /* border: 1px solid red; */
}
.g1 {
  width: 1920px;
  height: 883px;
  background: url(../assets/科技_slices/蒙版.png);
  /* border: 1px solid red; */
}
.g2 {
  width: 1200px;
  height: 150px;
  margin-left: 360px;
  margin-top: 83px;
  /* border: 1px solid red; */
}
.g3 {
  width: 160px;
  height: 45px;
  margin-left: 520px;
  font-size: 32px;
  color: #444444;
  /* border: 1px solid red; */
}
.g4 {
  width: 1200px;
  height: 64px;
  font-size: 16px;
  color: #444444;
  line-height: 32px;
  margin-top: 40px;
  /* border: 1px solid red; */
}
.g5 {
  width: 1200px;
  height: 248px;
  margin-left: 360px;
  margin-top: 60px;
  display: flex;
  /* border: 1px solid red; */
}
.g6,
.g10 .g13 {
  width: 302px;
  height: 248px;
  /* border: 1px solid red; */
}
.g10,
.g13 {
  margin-left: 144px;
}
.g7,
.g11,
.g14 {
  width: 48px;
  height: 48px;
}
.g9,
.g12,
.g15 {
  width: 304px;
  height: 176px;
  /* border: 1px solid red; */
}
.g9 p,
.g12 p,
.g15 p {
  width: 144px;
  height: 25px;
  font-size: 18px;
  color: #23337f;
  /* border: 1px solid red; */
}
.g9 h1,
.g12 h1,
.g15 h1 {
  width: 304px;
  height: 127px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
  margin-top: 24px;
  /* border: 1px solid red; */
}
.g16 {
  width: 1200px;
  height: 183px;
  margin-left: 360px;
  margin-top: 28px;
  display: flex;
  /* border: 1px solid red; */
}
.g17 {
  width: 17px;
  height: 183px;
  /* border: 1px solid red; */
}
.g18 {
  width: 1px;
  height: 170px;
  margin-left: 439px;
}
.g19 {
  width: 1px;
  height: 170px;
  margin-left: 447px;
}
.xu {
  width: 1920px;
  height: 730px;
  /* border: 1px solid red; */
}
.xu1 {
  width: 1200px;
  height: 45px;
  margin-left: 360px;
  margin-top: 80px;
  /* border: 1px solid red; */
}
.xu2 {
  width: 96px;
  height: 45px;
  font-size: 32px;
  font-weight: 500;
  color: #444444;
  line-height: 45px;
  margin-left: 552px;
  /* border: 1px solid red; */
}
.xu3 {
  width: 1012px;
  height: 450px;
  margin-left: 472px;
  margin-top: 60px;
  /* border: 1px solid red; */
}
.xu4 {
  width: 1012px;
  height: 22px;
  font-size: 16px;
  color: #444444;
  line-height: 22px;
  /* border: 1px solid red; */
}
.xu5 {
  width: 1012px;
  height: 326px;
  margin-top: 81px;
  display: flex;
  /* border: 1px solid red; */
}
.xu6 {
  width: 284px;
  height: 268px;
  /* border: 1px solid red; */
}
.xu7 {
  width: 212px;
  height: 89px;
  margin-left: 70px;
  /* border: 1px solid red; */
}
.xu8 {
  width: 72px;
  height: 33px;
  font-size: 24px;
  font-weight: 500;
  color: #444444;
  line-height: 33px;
  margin-left: 142px;
  /* border: 1px solid red; */
}
.xu9 {
  width: 212px;
  height: 48px;
  /* border: 1px solid red; */
}
.xu9 h1 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-left: 68px;
}
.xu9 h2 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 0px;
  margin-left: 22px;
}
.xu10 {
  width: 284px;
  height: 89px;
  margin-top: 90px;
  /* border: 1px solid red; */
}
.xu11 {
  width: 72px;
  height: 33px;
  font-size: 24px;
  font-weight: 500;
  color: #444444;
  line-height: 33px;
  margin-left: 210px;
  /* border: 1px solid red; */
}
.xu12 {
  width: 284px;
  height: 48px;
  /* border: 1px solid red; */
}
.xu12 h1 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-left: 76px;
}
.xu12 h2 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 0px;
  margin-left: 20px;
}
.xu13 {
  width: 320px;
  height: 326px;
  margin-left: 40px;
  /* border: 1px solid red; */
}
.xu14 {
  width: 326px;
  height: 255px;
  margin-left: 40px;
  /* border: 1px solid red; */
}
.xu15 {
  width: 326px;
  height: 89px;
  /* border: 1px solid red; */
}
.xu16 {
  width: 72px;
  height: 33px;
  font-size: 24px;
  font-weight: 500;
  color: #444444;
  line-height: 33px;
  /* border: 1px solid red; */
}
.xu17 {
  width: 326px;
  height: 48px;
  /* border: 1px solid red; */
}
.xu17 h1 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.xu17 h2 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 0px;
}
.xu18 {
  width: 332px;
  height: 89px;
  margin-top: 90px;
  /* border: 1px solid red; */
}
.xu19 {
  width: 120px;
  height: 33px;
  font-size: 24px;
  font-weight: 500;
  color: #444444;
  line-height: 33px;
  /* border: 1px solid red; */
}
.xu20 {
  width: 332px;
  height: 48px;
  /* border: 1px solid red; */
}
.xu20 h1 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.xu21 {
  width: 270px;
  height: 61px;
  margin-left: 825px;
  margin-top: 41px;
  /* border: 1px solid red; */
}
.xu21 p {
  font-size: 24px;
  font-weight: 500;
  color: #444444;
  line-height: 0px;
  margin-left: 99px;
}
.xu21 h1 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 8px;
  padding-left: 16px;
}
</style>